<template>
    <div class='body'>
        <home-header></home-header>  <!--引入头部文件-->
    <div class='content'>
        <index-list></index-list>
        <index-swrap v-if="$store.state.status == 0"></index-swrap>
        <index-shop1 v-if="$store.state.status == 1"></index-shop1>
        <index-shop2 v-if="$store.state.status == 2"></index-shop2>
        <index-shop3 v-if="$store.state.status == 3"></index-shop3>
        <index-car></index-car>
    </div>
        <home-footer></home-footer>
    </div>
</template>

<script>
import HomeHeader from '../home/components/Header' // 引入header文件
import IndexList from './components/List'
import IndexSwrap from './components/Swrap'
import IndexShop1 from './components/Shop1'
import IndexShop2 from './components/Shop2'
import IndexShop3 from './components/Shop3'
import IndexCar from './components/Car'
import HomeFooter from '../home/components/Footer' // 引入底部
export default {
  name: 'Index',
  components: {
    HomeHeader,
    IndexList,
    IndexSwrap,
    IndexShop1,
    IndexShop2,
    IndexShop3,
    IndexCar,
    HomeFooter
  }
}
</script>

<style lang="stylus" scoped>
    .content
      width: 100%
      heght: 100%
      display: flex
      flex-direction: row
</style>
